<template>
	<view class="lbt">
		<view>
			<swiper :indicator-dots="true" indicator-color="#FFFFFF" indicator-active-color="#FF0000" autoplay :autoplay="true"
			 circular class="lbt">
				<swiper-item>
					<view class="swiper-item">
						<image src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2751545557,3706654991&fm=26&gp=0.jpg"
						 ></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3960294747,2666317092&fm=26&gp=0.jpg"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586888994299&di=e549b6b7fda3e605156b79ba5937a5d4&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20171205%2F91b4730aacd04fb685d6a3c7746e2a79.jpeg"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=168784311,1277716408&fm=26&gp=0.jpg"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
		
		<view class="box1">
			<view class="box-wb1">
				<text>￥29.00</text>
			</view>
			<view class="box-wb2" style="margin-top: 20rpx;">
				<text>2222人已购买</text>
			</view>
			<view class="box-wb3">
				<text>喜茶XCORKCICLE酷革 经典系列灵感杯</text>
			</view>
			<view class="box-wb4">
				<text>本单品包邮，订单在包含非包邮商品需要另行自负邮费</text>
			</view>
		</view>
		
		<view class="xiantiao1"></view>
		
		<view class="box1">
			<view class="box-wb3">
				<text>品牌   喜茶XCORKCLCLE</text>
			</view>
			<view class="box-wb4">
				<text>发货  |  广东深圳  |   快递： ￥0.00  预计1-3天发货</text>
			</view>
		</view>
		<view class="xiantiao1"></view>

		<van-submit-bar
		 @submit="onClickButton"
        :price="2900"
        button-text="提交订单"
        custom-class="van-submit-bar"
        safe-area-inset-bottom="true"/>
		
		

		<van-tabs active="a">
  			<van-tab title="商品详情" name="a">
				  <view><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586888700607&di=29f77f93b5065e103a878083aad26721&imgtype=0&src=http%3A%2F%2Fwww.gygx.net%2Fupload%2F201908%2F1565169912.jpeg" alt=""></view>
				  <view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/103997/33/9873/117851/5e153c65E949280ef/d0b3ce8107e2b43c.jpg" alt=""></view>
				  <view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/93364/26/10061/55875/5e153c65E95ceccfe/f90039949d981fd2.jpg" alt=""></view>
				  <view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/85986/22/9905/195693/5e153c65Ee9f3018d/0854e5726290c0ce.jpg" alt=""></view>
				<view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/89309/37/9835/119487/5e153c65Efb43e74e/51f83eabc4671f72.jpg" alt=""></view>
				<view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/110458/12/3867/89278/5e153c65Ec8c4b2f7/7c26ff0c681a3785.jpg" alt=""></view>
				<view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/99781/35/9758/115007/5e153c66E0c10a8e0/3b563849e77416aa.jpg" alt=""></view>
				<view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/86526/9/10046/52492/5e153c66Ed0dda3ae/bf6fe5e0e89fd60c.jpg" alt=""></view>
				<view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/104870/40/10118/27867/5e153c66Ea0210180/b608e1dc95b30e4a.jpg" alt=""></view>
				<view><img src="http://img30.360buyimg.com/popWaterMark/jfs/t1/105554/32/10074/48519/5e153c66E96c3afec/84d0cfb043df6bcd.jpg" alt=""></view>
			</van-tab>
			<van-tab title="商品规格" name="b" class="wbb">
				<text>品牌： 竹木本记</text><br>
				<text>商品名称：竹木本记 北欧风马克杯创意陶瓷杯子400ml情侣水杯咖啡杯办公室家用水杯牛奶杯 白色（带勺）商品编号：65172529372店铺： 竹木本记官方旗舰店商品毛重：350.00g</text><br>
				<text>商品产地：中国大陆货号：TCBO-51材质：陶瓷组合规格：1个</text><br>
				<text>容量：301-400ml工艺：其它功能：有手柄风格：其它</text>
			</van-tab>
		</van-tabs>
	</view>
</template>

<script>

export default {
   
    methods: {
	  onClickButton(){
 			uni.switchTab({
	         url: '/pages/index/dingdan/dingdan'
			 });
		 console.log("什么情况")
	  }
    }
  }
 


</script>

<style scoped>
	.lbt {
		height: 500rpx;
	}
	.lbt image{
		height: 500rpx;
		width: 100%;
	}
	.box1{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		margin: 30rpx 20rpx;
	}
	.box-wb1{
			color: #3F536E;
			font-size: 20px;
			margin: 10rpx 0;
			
	}
	.box-wb2{
		color: #808080;
		font-size: 14px;
		line-height: 40rpx;
	}
	.box-wb3{
		margin-left: 10rpx;
		margin: 10rpx 0;
		}
		
	.box-wb4{
		font-size: 12px;
		color: #C0C0C0;
	}
	.xiantiao1{
		width: 100%;
		height: 20rpx;
		background-color: #DCDCDC
	}
	.wbb text{
color: #808080;
font-size: 14px;
width: 100%;
padding: 14rpx;
	}
	

</style>
